<template>
    <div class="wrapper wrapper7">
        <div class="page-header">
            <h3>{{ title }}</h3>
        </div>
        <div class="page-content">
            <button class="btn btn-primary" @click="event1">事件点击</button>
            &nbsp;&nbsp;
            <button class="btn btn-warning" @click="event2(45, $event)">
                事件点击
            </button>
        </div>
    </div>
</template>

<script setup>
import { defineProps } from "vue";
const props = defineProps({
    title: {
        type: String,
        default: "Dashboard",
    },
});

const event1 = (e) => {
    console.log(e);
};
const event2 = (params, e) => {
    console.log(params, e);
};
</script>

<style lang="scss" scoped></style>
